<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>EIS</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="PB138 Project">
    <meta name="author" content="EIS Team">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <style>
      body {
        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
      }
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>

  <body>

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <div class="nav-collapse">
            <ul class="nav">
              <li><a href="permalink.html">About our gallery</a></li>
              <li><a href="permalink.html">Current expositions</a></li>
              <li><a href="permalink.html">List of artworks</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container">

      <ul>
        <li>This is concrete permalink subpage generated for an artwork</li>
        <li>It is fully responsive in order to be viewed on a mobile device</li>
        <li>The user will be displayed this page after scanning an QR code in gallery</li>
      </ul>

      <h6>You can check the scalability by resizing this window</h6>

      <hr>

      <h1>Artwork Name 1</h1>

      <p>Donec in ultricies tellus. Duis faucibus gravida massa convallis venenatis. Duis ornare enim ut purus consectetur eget laoreet justo laoreet. Nunc facilisis condimentum aliquam. Etiam accumsan magna vitae risus tempor id faucibus dolor adipiscing. Nam at turpis felis. Quisque ornare metus sed orci porttitor vitae luctus quam commodo. Nunc vitae est nibh. Aliquam elit nulla, congue eu dapibus id, lacinia vel sapien. Donec tempor, magna ac adipiscing mattis, nulla massa semper enim, a facilisis nisl nulla sit amet turpis.</p>

      <h2>About the author</h2>

      <p>Ut hendrerit velit in leo tristique vel posuere sapien varius. Aliquam bibendum fringilla mattis. Nam semper varius elit a gravida. Proin in eleifend orci. Phasellus ac augue erat, a semper dui. Cras sed nibh at tortor bibendum malesuada. Duis porttitor lobortis sem, sit amet convallis mauris rhoncus congue. Maecenas ac nunc metus, ac venenatis lectus. Curabitur libero arcu, viverra a dignissim vitae, laoreet id nisi. Aliquam et sem eu urna facilisis venenatis non ut massa. Etiam dictum convallis eros, nec sodales nisi tristique ac. Curabitur tempor, purus sed accumsan placerat, tellus tellus malesuada diam, sed porta orci velit ac arcu. Sed vehicula iaculis tellus, in facilisis mauris dapibus vitae.</p>

      <h2>More artworks in this exposition</h2>

      <ul>
        <li><a href="">Artwork name 3</a></li>
        <li><a href="">Artwork name 4</a></li>
        <li><a href="">Artwork name 5</a></li>
      </ul>

      <h2>Interesting links</h2>

      <ul>
        <li><a href="">Wiki 1</a></li>
        <li><a href="">Wiki 2</a></li>
        <li><a href="">Wiki 3</a></li>
      </ul>


    </div> <!-- /container -->

      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
      <script src="js/bootstrap-collapse.js"></script>

  </body>
</html>
